<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/screen.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-ui-min.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.dataTables.css" type="text/css" />
<link href="css/logo-nav.css" rel="stylesheet">


<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery/jquery-ui.js" type="text/javascript"></script>
<script src="js/jquery/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

<title>Register</title>
</head>
<body>
	<div class="container">
		<%@ include file="models/navbar.jsp"%>
		
		<div id="login-overlay" class="modal-dialog">
			<div id="message" name="message"></div>
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Register</h4>
				</div>
				<div class="modal-body">
					<form id="frmRegister" data-toggle="validator" class="registerFrom" action="Register" method="POST">
						<div class="form-group" style="padding-top: 5px">
							<label class="control-label col-sm-4" for="loginId">Login Id</label>
							<div class="col-sm-8">
								<input type="text" id="loginId" name="loginId" class="form-control"
									placeholder="Login Id" required></br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="password">Password</label>
							<div class="col-sm-8">
								<input type="password" id="password" name="password"
									class="form-control" placeholder="Password" required> </br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="confirmpassword">Confirm
								Password</label>
							<div class="col-sm-8">
								<input type="password" id="confirmpassword" name="confirmpassword"
									class="form-control" placeholder="Confirm Password" required>
								</br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="firstName">First
								Name</label>
							<div class="col-sm-8">
								<input type="text" id="firstName" name="firstName"
									class="form-control" placeholder="First Name" required> </br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="lastName">Last
								Name</label>
							<div class="col-sm-8">
								<input type="text" id="lastName" name="lastName"
									class="form-control" placeholder="Last Name" required> </br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="cardId">Id Card
								number</label>
							<div class="col-sm-8">
								<input type="text" id="cardId" name="cardId" class="form-control"
									placeholder="ID card number" required> </br>
							</div>
						</div>
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="email">Email</label>
							<div class="col-sm-8">
								<input type="email" id="email" name="email" class="form-control"
									placeholder="Email address" required> </br>
							</div>
						</div>
			
			
						<div class="form-group">
							<label class="control-label col-sm-4" for="cellPhone">CellPhone</label>
							<div class="col-sm-8">
								<input type="text" id="cellPhone" name="cellPhone"
									class="form-control" placeholder="CellPhone" required> </br>
							</div>
						</div>
			
						<div class="row">
							<div class="col-md-4 col-md-offset-8 ">
								<button id="registerSubmit"
									class="btn btn-lg btn-primary btn-block" type="submit">Submit</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		
		
		<!-- start footer -->
		<%@ include file="models/footer.jsp"%>
	</div>
</body>
</html>